doctype html
html(lang="en")
  head
    meta(charset='utf-8')
    meta(name='viewport', content='width=device-width,initial-scale=1,maximum-scale=1')
    link(href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css', rel='stylesheet', integrity='sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u', crossorigin='anonymous')
    link(rel='stylesheet', href='https://cdnjs.cloudflare.com/ajax/libs/prism/1.8.3/themes/prism.min.css')
    title Vue Avatar | Avatar component for Vue.js
    style.
      body {
      padding: 15px;
      }
      .container {
      max-width: 730px;
      }
      .jumbotron {
      background-color: #fff;
      text-align: center
      }
      .jumbotron #avatar {
      display: inline-block;
      margin-right: 7px;
      }
      .examples {
      background-color: #eee
      }
      table tr:nth-child(2n) {
      background-color: #f1f1f1;
      }
      table th {
      border-top: 1px solid #ccc;
      }
      table td, table th {
      padding: 8px 8px;
      border-bottom: 1px solid #ccc;
      }
      .default-avatar {
        margin: 3px;
      }

  body
    #app
      include ./_getting-started

    script(src='https://cdnjs.cloudflare.com/ajax/libs/prism/1.8.3/prism.min.js')
    script(src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.min.js")
    script(src='https://cdnjs.cloudflare.com/ajax/libs/prism/1.8.3/components/prism-javascript.min.js')
